<template>
	<view class="whole-box">
		<su-tabs
		  :activeStyle="{fontSize:'32rpx',fontWeight:'bold',color:'#3D3D3D'}"
		  :inactiveStyle="{fontSize:'32rpx',fontWeight:'bold',color:'#3D3D3D'}"
		  :list="state.tabMaps2"
		  @change="onTabs"
			:scrollable="false"
		  :current="state.tabIndex"
		></su-tabs>
		
	</view> 
	
</template> 

<script setup>
	import sheep from '@/sheep';
	import { reactive, computed, onBeforeUnmount,nextTick,watch } from 'vue'
	import { onLoad, onShow, onHide } from '@dcloudio/uni-app';
	import {formatCharCount,formatMeter} from  "@/sheep/helper/index"
	import { isEmpty } from 'lodash';
	const emits = defineEmits(['change','input'])
	const props = defineProps({
		data:{
			type:Array,
			default:()=>([])
		},
		show:{
			type:Boolean,
			default:false
		}
	})
	// 数据
	const state = reactive({
		  keywords:'',
		tabIndex: 0,
		tabMaps2 :[
		   {
		     name: '商城/团购订单',
		     value: 0,
		   },
		   {
		     name: '外卖订单',
		     value:1,
		   }
		   
		 ]
	});
	// 切换选项卡
	  function onTabs(e) {
		state.tabIndex = e.index;
		emits('change',e)
		// getOrderList(1);
	
	  }
	

	onLoad((opt)=>{

	})
	
</script>

<style lang="scss" scoped>
	view{
		font-family: Source Han Sans;
		box-sizing: border-box;
	}
	.whole-box{
		
		
	}
	
</style>